<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<h:head>
	<title>Cadastro Cardápio</title>
	<link rel="stylesheet" href="../../../../../resources/styles/layout.css" type="text/css"/>
	
</h:head>

<h:body>
	<h:form id="form1">
	<div class="wrapper row1">
	  <header id="header" class="clear">
	    <hgroup>
	      <h1><a href="index.html">Cardápio Mobile</a></h1>
	      <h2>Seu cardápio para o mundo todo </h2>
	    </hgroup>
			<fieldset class="fl_right">
		    	<p:panel style="width:300px;height:50px;right:200px;top:60px;background:#696969;border:1px solid black">  
			    	<h:outputLabel style="font-weight:bold;color:#FFFFE0;" value="Usuário:"/>
					<h:outputLabel style="font-weight:bold;color:#FFA500;" value="#{loginMB.getSessao('NomeUsuario')}"/>  
					<fieldset>		
						<h:outputLabel value="Restaurante:" style="font-weight:bold;color:#FFFFE0;"/>  
						<h:outputLabel style="font-weight:bold;color:#FFA500;" value="#{loginMB.getSessao('NomeFantasia')}"/>
					</fieldset>  
				</p:panel> 
			</fieldset>
			<fieldset>
			<p></p>
			</fieldset>
			
	    <nav class="clear">
	      <ul>
	        <li class="active"><a href="#">Minha Conta</a>
	          <ul>
	            <li><a href="../../user/portalCardapioMundo.jsf">Portal Home</a></li>
	            <li><a href="../../user/meusDados.jsf">Meus Dados</a></li>
	            <li><a href="../../user/portalCardapioMundo.jsf?changeAccess=EEN013550">Trocar Acesso</a></li>
	            <li onclick="PF('dlgSair').show()"><a href="#">Sair</a></li>
	            <li><a href="#"></a></li>
	          </ul>
	        </li>
	        
	        <li><a href="#">Acesso</a>
	          <ul>
	            <li><a href="../admin/cadUsuario.jsf">Novo Usuário</a></li>
	            <li><a href="consUsuario.jsf">Consulta Usuários</a></li>
	            <li><a href="#"></a></li>
	          </ul>
	        </li>
	        
	        <li><a href="#">Restaurante</a>
	          <ul>
	            <li><a href="../admin/cadRestauranteFilial.jsf">Novo Restaurante</a></li>
	            <li><a href="consRestaurante.jsf">Consulta Restaurante</a></li>
	            <li><a href="#"></a></li>
	          </ul>
	        </li>

	        <li><a href="#">Cardápio</a>
	          <ul>
	            <li><a href="../../../user/cardapio/opcaoCardapios.jsf">Novo Cardápio</a></li>
	            <li><a href="#">Cardápios</a></li>
	            <li><a href="#"></a></li>
	          </ul>
	        </li>

	        <li><a href="#">Business Intelligence</a>
	          <ul>
	            <li><a href="#">Avaliações Cardápio</a></li>
	            <li><a href="#">Avaliações Atendimento</a></li>
	            <li><a href="#">Avaliações Infraestrutura</a></li>
	            <li><a href="#">Avaliação Geral</a></li>
	            <li><a href="#"></a></li>
	          </ul>
	        </li>

	        <li><a href="#">Pagamento</a>
	          <ul>
	            <li><a href="#">Meus Pagamentos</a></li>
	          </ul>
	        </li>
	        <li><a href="#">Plano</a>
	          <ul>
	            <li><a href="#">Meu Plano</a></li>
	            <li><a href="#">Renovação</a></li>
	            <li><a href="#">Novos Planos</a></li>
	          </ul>
	        </li>
	        
	      </ul>
	    </nav>
	  </header>
	</div>
	
	<p:dialog id="dialogSair" header="Opção Logout" modal="true" height="85" width="510" widgetVar="dlgSair" resizable="false" 
	showEffect="fade" hideEffect="fade">  
		<h:panelGrid columns="2" cellpadding="5">  
			<h:outputLabel for="username" value="Deseja desconectar do portal Cardápio Mobile ?" style="font-size:15px"/>
		</h:panelGrid>
				          
		<f:facet name="footer">  
			<p class="fl_left">
			<p:commandButton id="cancelarButton" value="Cancelar" height="50" width="50" onclick="PF(dlgSair).hide();"/>
			</p>
			<p class="fl_right">
				<p:commandButton id="sairButton" value="Sair" height="50" width="50" actionListener="#{acessoMB.logout}"/>
			</p>  
		</f:facet>  
    </p:dialog>

    </h:form>
    
	
  	<h:form id="form2">
	<div class="wrapper row2">
	    <div id="container" class="clear"> 
	    <div id="homepage"> 
	    	
	    		<!-- ############################ DIALOG ::  MENSAGEM  VALIDAÇÃO ########################### -->

	    		<p:dialog id="dialogMenssagem" header="Confirmação" modal="true" height="100" width="350" widgetVar="dlgMensagem" resizable="false" showEffect="fade" hideEffect="fade">  
					<h:outputLabel value="#{msgs.msgValidaCardapio}" style="font-size:15px"/>
					<f:facet name="footer">  
						<p class="fl_left">
			       			<p:commandButton value="Cancelar" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" onclick="PF(dlgConfirmaCampo).hide();"/>
					    </p>
						<p class="fl_right">
			       			<p:commandButton value="Continuar"  type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" onclick="PF(dlgComposicao).show();"/>
						</p>  
					</f:facet>   
				</p:dialog>
				
	    		<!-- ############################ DIALOG ::  MENSAGEM  DECISÃO ########################### -->

	    		<p:dialog id="dialogMsgDecisao" header="Confirmação" modal="true" height="100" width="390" widgetVar="dlgMsgDecisao" resizable="false" showEffect="fade" hideEffect="fade">  
					<h:outputLabel value="#{msgs.msgConfirmacaoSalvar}" style="font-size:15px"/>
					<f:facet name="footer">  
						<p class="fl_left">
			       			<p:commandButton value="Home Portal" styleClass="ui-confirmdialog-no" icon="ui-icon-close" action="#{cardapioG1MB.redirecionaPortalHome()}"/>
					    </p>
						<p class="fl_right">
			       			<p:commandButton value="Novo Cardápio" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" actionListener="#{cardapioG1MB.redirecionaCardapioOpcao}"/>
						</p>  
					</f:facet>   
				</p:dialog>
				
	    		
	    		<!-- ############################ DIALOG ::  COMPOSIÇÃO DE ALIMENTOS ############################ -->
	    	
	    	    <p:dialog id="dialogComposicao" header="#{cardapioG1MB.nomeTelaComposicao}" modal="true" 
			 		height="450" width="800" widgetVar="dlgComposicaoAlimentar" resizable="false" showEffect="fade" hideEffect="fade"
			 		style="background-color:#F5F5F5">  
				
				    <h:outputLabel value="Para tornar o cardápio fácil de ser encontrado pelos usuários mobile, informe abaixo a sua composição alimentar" 
					style="font-size:15px"/>
					<br/>
					<p:messages id="msgComposicao" showDetail="true" autoUpdate="true" closable="true"  style="color: red;font-size:15px;font-weight:bold;background-color:Gray"/>
					<br/>

					<div align="center">
					  
						<p:carousel id="crlAlimentoComposicao" style="width:100px;height:315px" value="#{cardapioG1MB.alimentoTipoL}" headerText="Basic" 
						var="alimentoTipo" itemStyleClass="alimentoItem"> 
					        <h:panelGrid columns="2" style="width:100%;height:220px" cellpadding="5" columnClasses="label,value">
					            <f:facet name="header">
									<h:outputText value="#{alimentoTipo.nomeTipo}" />
					            </f:facet>
					            
					           <p:selectManyMenu id="selectAlimentos" value="#{cardapioG1MB.selectedAlimentoL}" converter="alimentosConverter"
					        		filterMatchMode="contains" showCheckbox="true" var="a" style="width:200px;height:210px">
									<f:selectItems value="#{cardapioG1MB.alimentoL}" var="alimentoComposicao" itemLabel="#{alimentoComposicao.descricao}"
									itemValue="#{alimentoComposicao}" />
									<p:column>
										<h:outputText value="#{a.descricao}"/>
									</p:column>
									
					        	</p:selectManyMenu>
	
					        </h:panelGrid>
	  				    </p:carousel>
	  				 </div>
	  				<f:facet name="footer">	  
			        	<p class="fl_left">
							<p:commandButton  value="#{msgs.CancelarCardapio}" icon="ui-icon-close" 
				       		actionListener="#{cardapioG1MB.redirecionaCardapioOpcao()}">
				       		</p:commandButton>
			        	</p>  
						<p class="fl_right">
  						   <p:commandButton value="#{msgs.ProximoCardapio}" icon="ui-icon-arrow-2-e-w" actionListener="#{cardapioG1MB.validaComposicaoAlimentos()}" /> 
						</p>
		    		</f:facet>
				</p:dialog>
				
	    		<!-- ############################ DIALOG ::  AGENDAMENTO ############################ -->
				
				<p:dialog id="dialogAgendamento" header="#{cardapioG1MB.nomeTelaAgendamento}" modal="true" 
			 		height="400" width="800" widgetVar="dlgAgendamento" resizable="false" showEffect="fade" hideEffect="fade" 
			 		style="background-color:#F5F5F5">  

					<p:messages id="msgAgendamento" showDetail="true" autoUpdate="true" closable="true"  style="color: red;font-size:15px;font-weight:bold;background-color:Gray"/>
	
					<h:panelGrid  columns="1" style="margin-bottom:10px" cellpadding="5">
					    <h:outputText value="#{msgs.diasSemanaDescricao}" style="font-weight:bold;color:black"/>
					    <h:column>
				        	<p:selectManyButton id="diasSemana" value="#{cardapioG1MB.selectDiasSemana}" style="font-size:13px;font-weight:bold;color:#000080">
					            <f:selectItem itemLabel="#{msgs.diasSemanaSeg}" itemValue="#{msgs.diasSemanaSeg}" />
					            <f:selectItem itemLabel="#{msgs.diasSemanaTer}" itemValue="#{msgs.diasSemanaTer}" />
					            <f:selectItem itemLabel="#{msgs.diasSemanaQua}" itemValue="#{msgs.diasSemanaQua}" />
					            <f:selectItem itemLabel="#{msgs.diasSemanaQui}" itemValue="#{msgs.diasSemanaQui}" />
					            <f:selectItem itemLabel="#{msgs.diasSemanaSex}" itemValue="#{msgs.diasSemanaSex}" />
					            <f:selectItem itemLabel="#{msgs.diasSemanaSab}" itemValue="#{msgs.diasSemanaSab}" />
					            <f:selectItem itemLabel="#{msgs.diasSemanaDom}" itemValue="#{msgs.diasSemanaDom}" />
					        </p:selectManyButton>
					    </h:column>
					 </h:panelGrid>
					        

					<h:panelGrid id="gridDtInicio" columns="1" style="margin-bottom:10px" cellpadding="5">
						<h:column>
						    <h:outputText value="#{msgs.dtInicioAgendamento}" style="font-weight:bold;color:black"/>
					    </h:column>
					    <h:column>
							<p:calendar id="dtInicio" value="#{cardapioG1MB.cardapioVO.dtInicio}" mindate="#{cardapioG1MB.dtAtual}"
							 maxdate="#{cardapioG1MB.dtExpContrato}" locale="pt_BR" pattern="dd/MM/yyyy" />
						</h:column>
							<p:outputLabel value="#{msgs.dtInicioRegraAtiva}" style="font-size:12px;color:#2F4F4F"/>
			  		</h:panelGrid>				

					<h:panelGrid id="gridAgendamentoDtFim" columns="1" border="0" cellpadding="10">
					    <h:column>
							<p:outputLabel for="dtExpira" value="#{msgs.dtFimAgendamento}" style="font-weight:bold;"/>
					    </h:column>
					    <h:column>
   							<p:calendar id="dtExpira" value="#{cardapioG1MB.cardapioVO.dtTermino}" mindate="#{cardapioG1MB.dtAtual}"
					     	 maxdate="#{cardapioG1MB.dtExpContrato}" locale="pt_BR" pattern="dd/MM/yyyy" />
					    </h:column>
							<p:outputLabel value="#{msgs.dtFimDescricao}" style="font-size:12px;color:#2F4F4F"/>
					</h:panelGrid>
       
			        <f:facet name="footer">  
					   	<p class="fl_left">
					         <p:commandButton id="cancelarAgendamentoBtn" value="Cancelar" height="50" width="50" onclick="agendamentoDialog.hide();"/>
					    </p>
						<p class="fl_right">
					         <p:commandButton id="confirmaAgendamentoBtn" value="Confirmar" height="50" width="50" 
					         actionListener="#{cardapioG1MB.validaAgendamentoCardapio}" update=":form2:dialogReportConfirma">
					         </p:commandButton>
						</p>  
					</f:facet>   
    			</p:dialog>
    			
				<!-- ############################ DIALOG :: CARACTERISTICAS BUFFET CARDAPIO ############################ -->
				
				<p:dialog id="dialogCaracteristicaBuffet" header="#{cardapioG1MB.nomeTelaCaracteristica}" widgetVar="dlgCaracteristicaCardapio"
				 resizable="false" height="410" width="610" modal="true" closable="false"
					style="background-color:#F5F5F5; font-size:16px;" visible="#{cardapioG1MB.statusTelaCaracteristica}">
				
					<p:messages id="msgOpcao" showDetail="true" autoUpdate="true" closable="true"  style="color: red;font-size:17px;font-weight:bold;background-color:Gray"/>

					<br/>
	            	<h:outputText value="#{msgs.cbCaracteristica}" escape="false" style="color: blue;font-size:18px;font-weight:bold;"/>
					<br/>
					<br/>
							 
				    <h:panelGrid id="pnlCaracteristicas" columns="2" style="margin-bottom:10px;font-size:16px;" cellpadding="5">
				       
				        <p:outputLabel value="#{msgs.entradaFria}"/>
				        <p:selectOneRadio id="opcSalada" value="#{cardapioG1MB.selectedBuffetSalada}">
				            <f:selectItem itemLabel="#{msgs.opcaoSim}" itemValue="true" />
				            <f:selectItem itemLabel="#{msgs.opcaoNao}" itemValue="false" />
				        </p:selectOneRadio>
				        
				        <p:outputLabel value="#{msgs.pratoQuente}"/>
				        <p:selectOneRadio id="opcQuente" value="#{cardapioG1MB.selectedBuffetQuente}">
				            <f:selectItem itemLabel="#{msgs.opcaoSim}" itemValue="true" />
				            <f:selectItem itemLabel="#{msgs.opcaoNao}" itemValue="false" />
				        </p:selectOneRadio>
				        
				        <p:outputLabel value="#{msgs.sobremesa}"/>
				        <p:selectOneRadio id="opcSobremesa" value="#{cardapioG1MB.selectedSobremesa}">
				            <f:selectItem itemLabel="#{msgs.opcaoSim}" itemValue="true" />
				            <f:selectItem itemLabel="#{msgs.opcaoNao}" itemValue="false" />
				        </p:selectOneRadio>
				        
				        <p:outputLabel value="#{msgs.cortesia}"/>
				        <p:selectOneRadio id="opcCortesia" value="#{cardapioG1MB.selectedCortesia}">
				            <f:selectItem itemLabel="#{msgs.opcaoSim}" itemValue="true" />
				            <f:selectItem itemLabel="#{msgs.opcaoNao}" itemValue="false" />
				        </p:selectOneRadio>
				        
				    </h:panelGrid>
				    
							
					<f:facet name="footer">	  
			        	<p class="fl_left">
							<p:commandButton  value="#{msgs.CancelarCardapio}" icon="ui-icon-cancel" 
				       		actionListener="#{cardapioG1MB.redirecionaCardapioOpcao()}">
				       		</p:commandButton>
			        	</p>  
						<p class="fl_right">
							<p:commandButton value="#{msgs.CriarCardapio}" 
								icon="ui-icon-plus"  action="#{cardapioG1MB.validaCaracteristicaCardapio}" update="panelCardapioPrincipal">
				       			   <f:setPropertyActionListener target="#{cardapioG1MB.statusTelaCaracteristica}" value="false" /> 				       		</p:commandButton>
						</p>
		    		</f:facet>
				</p:dialog> 
				
				
				
				<!-- ############################ DIALOG :: REPORT CONFIRMA CADASTRO ############################ -->
	  			
				<p:dialog id="dialogReportConfirma" header="#{cardapioG1MB.nomeTelaReport}" widgetVar="dlgReport" showEffect="fade" hideEffect="fade"
				 resizable="false" height="550" width="990" modal="true" closable="false" style="background-color:#F5F5F5; font-size:16px;">
	  			
		  			<p:panel id="panelReport" style="color: red;font-size:15px;background-color:Gray">
					
						<p:panelGrid style="margin-top:5px">
						    <f:facet name="header">
						        <p:row>
						            <p:column colspan="10">
						            	<h:outputText value="#{cardapioG1MB.nomeCardapio}" />
						            </p:column>
						        </p:row>
						        <p:row>
						            <p:column colspan="2" style="max-width: 100px; min-width: 50px; overflow: hidden">
						            	<h:outputText value="#{msgs.entradaFria}" />
						            </p:column>
						            <p:column colspan="2" style="max-width: 100px; min-width: 50px; overflow: hidden">
						            	<h:outputText value="#{msgs.pratoQuente}" />
						            </p:column>
						            <p:column colspan="2" style="max-width: 100px; min-width: 50px; overflow: hidden">
						            	<h:outputText value="#{msgs.sobremesa}" />
						            </p:column>
						            <p:column colspan="1" style="max-width: 100px; min-width: 50px; overflow: hidden">
						            	<h:outputText value="#{msgs.acompanhamento}" />
						            </p:column>
						            <p:column colspan="1" style="max-width: 100px; min-width: 50px; overflow: hidden">
						            	<h:outputText value="#{msgs.cortesia}" />
						            </p:column>
						        </p:row>
						 
						    </f:facet>
						 
						    <p:row>
						        <p:column colspan="2" style="max-width: 100px; min-width: 50px; overflow: hidden">
						       		<h:outputText value="#{cardapioG1MB.cardapioVO.entradasFrias}" />
						        </p:column>
						 
						        <p:column colspan="2" style="max-width: 100px; min-width: 50px; overflow: hidden">
					            	<h:outputText value="#{cardapioG1MB.cardapioVO.entradasQuentes}" />
						        </p:column>
	
						        <p:column colspan="2" style="max-width: 100px; min-width: 50px; overflow: hidden">
					            	<h:outputText value="#{cardapioG1MB.cardapioVO.sobremesa}" />
						        </p:column>
						 
						        <p:column colspan="1" style="max-width: 100px; min-width: 50px; overflow: hidden">
					            	<h:outputText value="#{cardapioG1MB.cardapioVO.acompanhamento}" />
						        </p:column>
	
						        <p:column colspan="1" style="max-width: 100px; min-width: 50px; overflow: hidden">
					            	<h:outputText value="#{cardapioG1MB.cardapioVO.cortesia}" />
						        </p:column>
						 
						    </p:row>
						 
						    <p:row>
	 							<p:column colspan="10">
	 							<p:scrollPanel style="width:900px;height:180px">  
							    	 <p:dataList value="#{cardapioG1MB.alimentosDefinidosL}" var="composicao" type="ordered"> 
			        					<f:facet name="header">
			            					Alimentos Selecionados
			        					</f:facet>
			        						#{composicao.descricao}
								    </p:dataList>
								    </p:scrollPanel>
	 							</p:column>
						    </p:row>
						 
					        <p:row>
						            <p:column colspan="2" styleClass="ui-widget-header" style="max-width: 100px; min-width: 10px; overflow: hidden">
						            	<h:outputText value="#{msgs.diasSemanaSeg}" />
						            </p:column>
						            <p:column colspan="1" styleClass="ui-widget-header" style="max-width: 100px; min-width: 10px; overflow: hidden">
						            	<h:outputText value="#{msgs.diasSemanaTer}" />
						            </p:column>
						            <p:column colspan="1" styleClass="ui-widget-header" style="max-width: 100px; min-width: 10px; overflow: hidden">
						            	<h:outputText value="#{msgs.diasSemanaQua}" />
						            </p:column>
						            <p:column colspan="1" styleClass="ui-widget-header" style="max-width: 100px; min-width: 10px; overflow: hidden">
						            	<h:outputText value="#{msgs.diasSemanaQui}" />
						            </p:column>
						            <p:column colspan="1" styleClass="ui-widget-header" style="max-width: 100px; min-width: 10px; overflow: hidden">
						            	<h:outputText value="#{msgs.diasSemanaSex}" />
						            </p:column>
						            <p:column colspan="1" styleClass="ui-widget-header" style="max-width: 100px; min-width: 10px; overflow: hidden">
						            	<h:outputText value="#{msgs.diasSemanaSab}" />
						            </p:column>
						            <p:column colspan="1" styleClass="ui-widget-header" style="max-width: 100px; min-width: 10px; overflow: hidden">
						            	<h:outputText value="#{msgs.diasSemanaDom}" />
						            </p:column>
					        </p:row>
					        
					        <p:row>
						            <p:column colspan="2" style="max-width: 100px; min-width: 10px; overflow: hidden">
										<div align="center">
											<p:graphicImage url="../../../../../resources/icones/agendaOK.ico" title="Agendamento OK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaSegunda == true}" />  
											<p:graphicImage url="../../../../../resources/icones/nok.ico" title="Agendamento NOK"  style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaSegunda == false}" />
										</div>  
									</p:column>
						            <p:column colspan="1" style="max-width: 100px; min-width: 10px; overflow: hidden">
										<div align="center">
											<p:graphicImage url="../../../../../resources/icones/agendaOK.ico" title="Agendamento OK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaTerca == true}" />  
											<p:graphicImage url="../../../../../resources/icones/nok.ico" title="Agendamento NOK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaTerca == false}" />
										</div>  
						            </p:column>
						            <p:column colspan="1" style="max-width: 100px; min-width: 10px; overflow: hidden">
										<div align="center">
											<p:graphicImage url="../../../../../resources/icones/agendaOK.ico" title="Agendamento OK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaQuarta == true}" />  
											<p:graphicImage url="../../../../../resources/icones/nok.ico" title="Agendamento NOK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaQuarta == false}" />
										</div>  
						            </p:column>
						            <p:column colspan="1" style="max-width: 100px; min-width: 10px; overflow: hidden">
										<div align="center">
											<p:graphicImage url="../../../../../resources/icones/agendaOK.ico" title="Agendamento OK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaQuinta == true}" />  
											<p:graphicImage url="../../../../../resources/icones/nok.ico" title="Agendamento NOK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaQuinta == false}" />
										</div>  
						            </p:column>
						            <p:column colspan="1" style="max-width: 100px; min-width: 10px; overflow: hidden">
										<div align="center">
											<p:graphicImage url="../../../../../resources/icones/agendaOK.ico" title="Agendamento OK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaSexta == true}" />  
											<p:graphicImage url="../../../../../resources/icones/nok.ico" title="Agendamento NOK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaSexta == false}" />
										</div>  
						            </p:column>
						            <p:column colspan="1" style="max-width: 100px; min-width: 10px; overflow: hidden">
										<div align="center">
											<p:graphicImage url="../../../../../resources/icones/agendaOK.ico" title="Agendamento OK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaSabado == true}" />  
											<p:graphicImage url="../../../../../resources/icones/nok.ico" title="Agendamento NOK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaSabado == false}" />
										</div>  
						            </p:column>
						            <p:column colspan="1" style="max-width: 100px; min-width: 10px; overflow: hidden">
						            	<div align="center">
											<p:graphicImage url="../../../../../resources/icones/agendaOK.ico" title="Agendamento OK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaDomingo == true}" />  
											<p:graphicImage url="../../../../../resources/icones/nok.ico" title="Agendamento NOK" style="text-align:center;" width="40px" height="40px" rendered="#{cardapioG1MB.diaDomingo == false}" />
										</div>  
						            </p:column>
					        </p:row>
					        
						    <p:row>
					            <p:column colspan="5" styleClass="ui-widget-header" style="max-width:4000px; min-width: 10px; overflow: hidden">
						           	<h:outputText value="#{msgs.tituloDtDisponivelCardapio}" />
						        </p:column>
	'					            <p:column colspan="5" styleClass="ui-widget-header" style="max-width:4000px; min-width: 10px; overflow: hidden">
							           	<h:outputText value="#{msgs.tituloDtTerminoCardapio}" />
						        </p:column>
						    </p:row>
						    
						    <p:row>
						    	<p:column colspan="5" style="max-width:1000px; min-width: 10px; overflow: hidden">
									<div align="center">
								    	<h:outputText value="#{cardapioG1MB.cardapioVO.dtFormatadaDisponibilidade}" />
									</div>  
								</p:column>
			
						    	<p:column colspan="5" style="max-width:500px; min-width: 10px; overflow: hidden">
									<div align="center">
								    	<h:outputText value="#{cardapioG1MB.cardapioVO.dtFormatadaTermino}" />
									</div>  
								</p:column>
						    </p:row>
	
						</p:panelGrid>
						
						<p:panelGrid columns="1" style="margin-bottom:0px;">  
				       		<f:facet name="footer">	  
				        		<p class="fl_left">
									<p:commandButton value="#{msgs.btnCardapioCancelar}" icon="ui-icon-check" actionListener="#{cardapioG1MB.redirecionaCardapioG1()}"/>
				        		</p>  
								<p class="fl_right">
								     <p:commandButton value="Salvar Cardapio" icon="ui-icon-check" actionListener="#{cardapioG1MB.salvarCardapio}"/>
								</p>
				    		</f:facet>
			    		</p:panelGrid>
					</p:panel>
			    </p:dialog>
				
				
				<!-- ############################ PANEL :: CADASTRO CARDAPIO ############################ -->
				
				<p:panel header="#{cardapioG1MB.nomeTelaCadastro}" id="panelCardapioPrincipal" styleClass="ui-widget" 
				style="color:red;font-size:16px;background-color:Gray" rendered="#{cardapioG1MB.selectedPanelCadastro}">

					<p:toolbar id="menu">  
				  		 <f:facet name="left">
				  		 	<p:separator />
						    <p:commandButton title="Salvar"  icon="ui-iconSave" action="#{cardapioG1MB.validaCamposCadastro()}"/>
							
							<p:separator />
							<p:separator />
							<p:commandButton title="Cancelar" type="reset" icon="ui-iconLimpar" ajax="true" update=":form2:panelCardapioPrincipal"/>
					        
					        <p:separator />
					        <p:separator />
					        <p:commandButton title="Definir Característica Cardápio"  icon="ui-iconEstrutura" ajax="true" onclick="PF('dlgCaracteristicaCardapio').show();">
					        	<f:setPropertyActionListener target="#{cardapioG1MB.statusTelaCaracteristica}" value="true" /> 
					        </p:commandButton>
						</f:facet>  
					</p:toolbar> 
					<div style="height:0px"></div>
					<p:sticky  target="menu" />
					
					<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true"  style="color: red;font-size:15px;font-weight:bold;background-color:Gray"/>
					
 					<p:panel id="panelTipoPrato" toggleSpeed="500">  
					   	<h:panelGrid id="gridNomePrato"  columns="2" cellpadding="10" columnClasses="gridCol1With1-2Col,gridCol2With1-2Col">  
						 	<h:outputText for="nmPrato" value="#{msgs.cardapioG1Nome}" />
							<p:inputText value="#{cardapioG1MB.cardapioVO.nomePrato}" size="50" />
				    	</h:panelGrid>
				    </p:panel>
					
					
 					<p:panel id="panelEntFria" header="#{msgs.buffetSalada}" toggleable="true" closable="false" toggleSpeed="500"
 					rendered="#{cardapioG1MB.selectedBuffetSalada}">

						<h:panelGrid id="gridEntFria"  columns="2" cellpadding="10" columnClasses="gridCol1With1-2Col,gridCol2With1-2Col">  
							<h:column>
								<h:outputText for="entFriaDescricao" value="#{msgs.entradasCardapio}"/>
							</h:column>
							<h:column>
								<p:inputTextarea rows="5" value="#{cardapioG1MB.cardapioVO.entradasFrias}" cols="50" counter="displayFria" maxlength="100" counterTemplate="{0} caracteres." 
								autoResize="false" />
								<br/>
								<h:outputText id="displayFria" />
							</h:column>
					 	</h:panelGrid>
				    </p:panel>
				        
   					<p:panel id="panelEntQuente" header="#{msgs.buffetQuente}" toggleable="true" closable="false" toggleSpeed="500" widgetVar="panelEntQuente"
   					rendered="#{cardapioG1MB.selectedBuffetQuente}">  
			            
			            <h:panelGrid id="gridEntQuente"  columns="2" cellpadding="10" columnClasses="gridCol1With1-2Col,gridCol2With1-2Col">  
						 	<h:column>
						 		<h:outputText for="entQuenteDescricao" value="#{msgs.entradasCardapio}"/>
						 		<h:outputText for="entQuenteDescricao" value="*"/>
						 	</h:column>
							<h:column>
								<p:inputTextarea rows="5" value="#{cardapioG1MB.cardapioVO.entradasQuentes}" cols="50" counter="displayQuente" maxlength="100" counterTemplate="{0} caracteres." 
								autoResize="false"/>
   								<br/>
   								<h:outputText id="displayQuente" />
   							</h:column>
			            </h:panelGrid>  
			        </p:panel>
			        
			        <p:panel id="panelCortesia" header="#{msgs.buffetCortesia}" toggleable="true" closable="false" toggleSpeed="500" widgetVar="panelCortesia" 
			        rendered="#{cardapioG1MB.selectedCortesia}">  
			            
			            <h:panelGrid id="gridEntCortesia"  columns="2" cellpadding="10" columnClasses="gridCol1With1-2Col,gridCol2With1-2Col">  
						 	<h:column>
							 	<h:outputText for="corteriaDesc" value="#{msgs.entradasCardapio}"/>
							</h:column>
							<h:column>
								<p:inputTextarea rows="5" value="#{cardapioG1MB.cardapioVO.cortesia}" cols="50" counter="displayCortesia" maxlength="50" counterTemplate="{0} caracteres." autoResize="false"/>
   								<br/>
	   							<h:outputText id="displayCortesia" />
	   						</h:column>
			            </h:panelGrid>  
			        </p:panel>
			        			        
			        <p:panel id="panelSobremesa" header="#{msgs.buffetSobremesa}" toggleable="true" closable="false" toggleSpeed="500"  
			        widgetVar="panelSobremesa" rendered="#{cardapioG1MB.selectedSobremesa}">  
			            
			            <h:panelGrid id="gridEntSobremesa"  columns="2" cellpadding="10" columnClasses="gridCol1With1-2Col,gridCol2With1-2Col">  
						 	<h:column>
							 	<h:outputText for="sobremesaDesc" value="#{msgs.entradasCardapio}"/>
							</h:column>
							<h:column>
								<p:inputTextarea rows="5" value="#{cardapioG1MB.cardapioVO.sobremesa}" cols="50" counter="displaySobremesa" maxlength="50" counterTemplate="{0} caracteres." autoResize="false"
								/>
   								<br/>
   								<h:outputText id="displaySobremesa" />
   							</h:column>
			            </h:panelGrid>  
			        </p:panel>
	  			</p:panel>
		</div>
	 	</div>
	</div>
	</h:form>

	<!-- Copyright -->
	<div class="wrapper row4">
	  <footer id="copyright" class="clear">
	    <p class="fl_left">Copyright 2014 - All Rights Reserved - <a href="#">W7VM</a></p>
	    <p class="fl_right">W7VM <a href="http://www.w7vm.com/" title="Developer Application Mobile">Developer Application Mobile</a></p>
	  </footer>
	</div>
</h:body>
</html>